import React from 'react';
// import ReactDOM from 'react-dom';
import { createRoot } from 'react-dom/client';
import { Provider } from 'react-redux';

import store from '@/store';
import 'antd/dist/antd.css';
import './index.scss';
import App from './App';

import { ConfigProvider } from 'antd';
import zhCN from 'antd/lib/locale/zh_CN';

// react 18的用法
const container = document.getElementById('root');
const root = createRoot(container);
// React.StrictMode  包裹整个项目，用来开启 React 严格模式，如果组件中使用了一些比较老的React现在已经不推荐的用法，
// 在控制台中 React 就会给出一些警告提示
root.render(
  <Provider store={store}>
    {/* <React.StrictMode> */}
    <ConfigProvider locale={zhCN}>
      <App />
    </ConfigProvider>
    {/* </React.StrictMode> */}
  </Provider>
);

// react 17的用法
// ReactDOM.render(
//   <React.StrictMode>
//     <App />
//   </React.StrictMode>,
//   document.getElementById('root')
// );
